<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="jstestcanvas.js"></script>
    <style>
        input[type="button"] {
            width: 80px;
            height: 28px;
        }
    </style>
    <title>Canvas</title>
    <script>
        function onload() {
            console.log("onload")
        }
        function loadurl() {
            location.href = "index1.html"
        }
    </script>
</head>
<body onload="onload()">

<div id="div" align="center">
    <input type="button" value="矩形" onclick="drawRect()">
    <input type="button" value="线" onclick="drawLine()">
    <input type="button" value="图片" onclick="drawImage()">
    <input type="button" value="图片" onclick="loadurl()">
    <input type="text" value="abc">
</div>
<br/>
<canvas id="canvas" width="640" height="640" style="background-color: aliceblue", onclick="onClick(event)" ></canvas>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
    <polygon points="100,10 40,180 190,60 10,60 160,180"
             style="fill:red;stroke:blue;stroke-width:3;fill-rule:evenodd;" />
</svg>
<p id="pagecount">您请求了"%d"次</p>
</body>
</html>